/**
 * 方式一:
 * html 中dom元素直接写出onclick事件
 */
function btnClick()
{
    console.log('binding event use method01 ')
}

/**
 * 方式二:
 * 获取到文档中的元素绑定事件,
 * 好处:做到了html 和 js分离
 */
window.onload = function ()
{
    var btn = document.getElementById("btn");
    btn.onclick = function ()
    {
        console.log('binding event use method02');
    }
}

/**
 * 方式三:
 * 获取到按钮动态添加事件监听器
 * 好处:可以取消监听
 */
window.onload = function () {
    var btn = document.getElementById("btn");

    //IE9 以下
    // btn.attachEvent("onclick",function ()
    // {
    //     console.log('IE8 brower binding event use method3');
    // });
    // btn.detachEvent("onclick");

    var handler = function ()
    {
        console.log('w3c brower binding event use method03');
    }
    btn.addEventListener("click",handler);
    btn.removeEventListener("click",handler);

}